<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<title>Mask-遮罩</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
		<link rel="stylesheet" href="../../assets/css/reset.css"/>
	    <link rel="stylesheet" href="../../assets/css/example.css"/>
	    <script src="../../jquery/jquery-1.7.1.min.js"></script>
		<script src="mask.js"></script>
	</head>
<body>
	 <h1>使用说明：</h1>
	 <div class="direction">
		 <ul>
		 	  <li>使用jquery的bgiframe插件修正IE6中select无法遮盖bug</li>	  
		 </ul>
	 </div>
	 <h1>Mask类及方法：</h1>
	 <div class="direction"> 	
		 <ul>
		 	  <li>构造函数：new CNC.ui.mask();</li>
		 	  <li>方法： show({maskOpacity: 0.5,maskColor: "#cecece"})</li>
		 </ul>
	 </div>	
	 <h1>例子：</h1>
	 <select><option>ss</option></select>
	 <button onclick="show()">登录</button>
	
	<script type="text/javascript">
		 var mask = new CNC.ui.Mask();
		 function show(){
		 	mask.show();
		 	setTimeout(function(){mask.close()},1000);	
		 }
	</script>
</body>
</html>